<template>
    <div>
        <Row class="margin-top-10">
            <Card>
                <p slot="title" class="card-title">
                    <Icon type="ios-pulse"></Icon>
                    {{this.$route.meta.title}}
                </p>
                <div class="line-chart-con">
                    <Form :model="formItem" :label-width="100" inline>
                        <div class="form-div">
                            <FormItem label="站点名称">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                        </div>
                        <div  class="form-div">
                            <FormItem label="站点开关">
                                <i-switch v-model="formItem.switch" size="large">
                                    <span slot="open">开启</span>
                                    <span slot="close">关闭</span>
                                </i-switch>
                            </FormItem>
                            <FormItem label="关闭原因">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                        </div>
                        <div  class="form-div">
                            <FormItem label="注册送金">
                                <i-switch v-model="formItem.switch" size="large">
                                    <span slot="open">开启</span>
                                    <span slot="close">关闭</span>
                                </i-switch>
                            </FormItem>
                            <FormItem label="赠送金额">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                        </div>
                        <div  class="form-div">
                            <FormItem label="提款时间">
                                <TimePicker format="HH:mm" placeholder="开始时间" style="width: 112px"></TimePicker> - <TimePicker format="HH:mm" placeholder="结束时间" style="width: 112px"></TimePicker>                                
                            </FormItem>
                        </div>
                        <div  class="form-div">
                            <FormItem label="最低存款">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                            <FormItem label="最低取款">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                        </div>
                        <div  class="form-div">
                            <FormItem label="提款邮箱">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                        </div>
                        <div  class="form-div">
                            <FormItem label="彩种开关">
                                <CheckboxGroup v-model="disabledGroup">
                                    <Checkbox label="香蕉"></Checkbox>
                                    <Checkbox label="苹果"></Checkbox>
                                    <Checkbox label="西瓜"></Checkbox>
                                </CheckboxGroup>
                            </FormItem>
                            
                        </div>
                        <div  class="form-div">
                            <FormItem label="盈利控制">
                                <CheckboxGroup v-model="disabledGroup">
                                    <Checkbox label="香蕉"></Checkbox>
                                    <Checkbox label="苹果"></Checkbox>
                                    <Checkbox label="西瓜"></Checkbox>
                                </CheckboxGroup>
                            </FormItem>
                            
                        </div>
                        <div  class="form-div">
                            <FormItem label="客户端安全码">
                                <i-switch v-model="formItem.switch" size="large">
                                    <span slot="open">开启</span>
                                    <span slot="close">关闭</span>
                                </i-switch>
                            </FormItem>
                            <FormItem label="请输入安全码">
                                <Input v-model="formItem.input" placeholder="..."></Input>
                            </FormItem>
                        </div>
                    </Form>
                </div>
            </Card>
        </Row>
    </div>
    
</template>
<style lang="less">
.form-div{
    height: 70px;
}
</style>

<script>
    export default {
        data () {
            return {
                formItem: {
                    input: '',
                    select: '',
                    radio: 'male',
                    checkbox: [],
                    switch: true,
                    date: '',
                    time: '',
                    slider: [20, 50],
                    textarea: ''
                },
                disabledGroup:[]
            }
        },
        mounted(){
            this.$api.getSysconf()
        },
    }
</script>